import React from "react";
// 加样式的时候用类组件和函数组件是完全一样的

// const obj = { color: "red" };

const red = "red";

const App = () => {
  return (
    <>
      <h2>添加内联样式</h2>
      {/* 添加样式的时候，要使用两个大括号，外面的jsx的括号，里面是对象的括号 */}
      {/* 如果有连字符的，要写成小驼峰的语法 */}
      {/* 如果说单位是px的，可以省略单位，并且写成数组 */}
      <p
        style={{
          color: red,
          fontSize: 30,
          height: 50,
          background: "blue",
          lineHeight: "50px",
        }}
      >
        hello react!!
      </p>
    </>
  );
};

export default App;
